锘緻charset "utf-8";

@font-face {
  font-family: 'Aileron';
  src: url('../fonts/Aileron-SemiBold.eot');
  /*IE9*/
  src: url('../fonts/Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/Aileron-SemiBold.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Aileron-SemiBold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/Aileron-SemiBold.svg#Aileron') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.eot');
  /*IE9*/
  src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/Poppins-Bold.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/Poppins-Bold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/Poppins-Bold.svg#Poppins') format('svg');
  /* Legacy iOS */
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'jdyh';
  src: url('../fonts/jdyh.ttf');
  /*IE9*/
}

/*鍒濆鍖栨牱寮?/
* {
  -webkit-tap-highlight-color: transparent;
}

/*html5璁剧疆*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

html,
body,
div,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
ol,
ul,
li {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  color: #333;
  font: 16px/1.875em Arial, 'Microsoft Yahei';
  overflow-x: hidden;
  width: 100%;
  word-wrap: break-word;
  text-align: justify;
}

a {
  text-decoration: none;
  outline: none;
  color: #333;
}

a:focus {
  outline: none;
  -moz-outline: none;
}

a:hover {
  color: #e60027;
}

a img {
  border: none;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

select,
input,
textarea,
button {
  border-radius: 0;
  -webkit-border-radius: 0;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-family: Arial, 'Microsoft Yahei';
}

input:focus {
  outline: none;
}

textarea {
  resize: none;
}

input[type='text']::-moz-placeholder {
  opacity: .5;
}

input[type='text']:-moz-placeholder {
  opacity: .5;
}

input[type='text']::-webkit-input-placeholder {
  opacity: .5;
}

input[type='text']:-ms-input-placeholder {
  opacity: .5;
}

table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 16px;
  width: 100%;
  border-top: solid 1px #e4e4e4;
  border-left: solid 1px #e4e4e4;
  box-sizing: border-box;
}

table th {
  background-color: #f9f9f9;
  text-align: center;
  box-sizing: border-box;
}

table td,
table th {
  padding: 1%;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
}

/*鍏ㄥ眬鏍峰紡*/
.inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
}

.pic {
  overflow: hidden;
  position: relative;
}

.pic img {
  display: block;
  width: 100%;
  height: auto;
}

.pic .bg {
  background: no-repeat center center;
  background-size: cover;
  display: block;
}

.rows {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.inputIE {
  position: relative;
  overflow: hidden;
}

.inputIE .inpText {
  display: block;
}

.inputIE .placeholder {
  cursor: text;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: #666;
  font-size: 16px;
  line-height: 30px;
}

.inputIE .placeholder i {
  position: relative;
  font-style: normal;
  display: block;
}

.inputIE .placeholder .rq:after {
  content: '*';
  color: #c40009;
  display: inline-block;
  margin-left: 5px;
}

/* Slider */
.slick-load {
  display: none;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  font-size: 0;
  line-height: normal;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  overflow: hidden;
  text-indent: -99999em;
  font-size: 0;
  background: no-repeat 0 0;
  background-size: 100% auto;
  cursor: pointer;
}

.slick-dots {
  font-size: 0;
  line-height: normal;
}

.slick-dots button {
  display: block;
  border: none;
  background-color: transparent;
  cursor: pointer;
}


.inner1 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}


@media(max-width:1440px) {
  .inner {
    width: 80%;
  }
  .entry {
    width: 50%;
    margin-left: 25%;
  }
}


/*header*/
#header {
  position: absolute;
  left: 0;
  top: 0;
  width: 93.75%;
  padding: 2% 3.125%;
  z-index: 9;
}

#header .inner {
  position: relative;
}

#header.show {
  transition: 0.5s;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0) 100%)
}

/*logo*/
#logo {
  float: left;
  width: 160px;
}

#logo h1 {
  padding-bottom: 21.875%;
  position: relative;
}

#logo a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  background: url(../images/logo.png) no-repeat 0 0;
  background-size: 100% auto;
}

/*topBtn*/
#topBtn {
  float: right;
  overflow: hidden;
}

#topBtn .btn {
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

/*navBtn*/
#navBtn {
  background-color: #e60027;
  position: relative;
  margin-left: 20px;
}

#navBtn i {
  width: 40%;
  height: 3px;
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30%;
}

#navBtn i:before,
#navBtn i:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  transition: all .3s;
}

#navBtn i:before {
  top: -7px;
}

#navBtn i:after {
  bottom: -7px;
}

/*schBtn*/
#schBtn {
  float: left;
  background: #fff url(../images/icon_search.png) no-repeat center center;
  background-size: 42% auto;
}

/*searchBox*/
#searchBox {
  position: absolute;
  right: 3.125%;
  top: 55px;
  margin: 3.125% 72px 0 0;
  width: 300px;
  padding-top: 15px;
  display: none;
}

#searchBox:before {
  content: '';
  display: block;
  position: absolute;
  right: 10px;
  top: 9px;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: translateX(-50%);
}

#searchBox .form {
  background-color: #fff;
  position: relative;
  border-radius: 5px;
}

#searchBox .input {
  margin-right: 46px;
  overflow: hidden;
}

#searchBox .submit {
  display: block;
  overflow: hidden;
  height: 100%;
  width: 46px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

#searchBox .submit:before {
  width: 18px;
  height: 18px;
  background: url(../images/icon_search.png) no-repeat 0 100%;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
}

#searchBox .text {
  display: block;
  width: 88%;
  font-size: 16px;
  line-height: 26px;
  height: 26px;
  padding: 10px 6%;
  color: #555;
  border-radius: 5px 0 0 5px;
  background-color: #fff;
}

/*nav*/
#nav {
  margin: 0 154px 0 160px;
}

#nav.hide {
  display: none
}

#nav ul {
  font-size: 0;
  line-height: normal;
  text-align: right;
}

#nav li {
  display: inline-block;
  font-size: 16px;
  padding: 10px 26px;
  line-height: 30px;
  position: relative;
}

#nav li#nav29 ul li:first-child {
  display: none
}

#nav li:after {
  width: 3px;
  height: 3px;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.5px;
}

#nav li:last-child:after {
  display: none;
}

#nav a {
  color: #fff;
  display: block;
}

#nav li ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 2;
  text-align: center;
  padding: 10px 0;
  display: none;
}

#nav li li {
  font-size: 14px;
  line-height: 1.875em;
  display: block;
  padding: 0;
}

#nav li li a {
  color: #000000;
  padding: 5px;
}

#nav li li a:hover {
  color: #e60027;
  background-color: rgba(230, 0, 39, 0.05);
}

#nav em {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 9px;
  height: 6px;
  margin-left: 10px;
  margin-top: -5px;
  display: none;
}

#nav em:after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotate(45deg);
  margin: -5px 0 0 -6px;
  transition: all .3s;
}

/*banner*/
#banner {
  padding-bottom: 33.33333333%;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}

#banner .info {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  color: #fff;
}

#banner h2 {
  font-size: 48px;
  font-size: 2.5vw;
  line-height: 1.1em;
  font-weight: normal;
}

#banner .columnid18 {
  display: none;
}

/*footer*/
#footer {
  background-color: #282828;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 1.875em;
}

#footer a {
  color: rgba(255, 255, 255, 0.8);
}

#footer a:hover {
  color: #fff;
}

#footer .top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 6.94444444% 0 11.80555556%;
}

#footer .btm {
  padding: 2.08333333% 0;
  overflow: hidden;
}

/*copyright*/
#copyright {
  margin-right: 285px;
  overflow: hidden;
}

#copyright a {
  display: inline-block;
}

/*pagelist*/
#pagelist {
  float: right;
}

#pagelist li {
  padding-left: 30px;
  position: relative;
  float: left;
}

#pagelist li:before {
  width: 1px;
  height: 14px;
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
}

#pagelist li:first-child:before {
  display: none;
}

/*menu*/
#menu {
  margin-right: 300px;
  overflow: hidden;
}

#menu dl {
  float: left;
  width: 12%;
  padding-right: 1.75438596%;
}

#menu dt {
  font-size: 18px;
  line-height: 1.66666667em;
  color: #fff;
  margin-bottom: 9.33333333%;
}

#menu dd {
  margin-bottom: 3.33333333%;
}

/*need*/
#need {
  width: 300px;
  float: right;
}

#need h2 {
  font-size: 18px;
  color: #fff;
  line-height: 1.66666667em;
  font-weight: normal;
  margin-bottom: 7.66666667%;
}

/*search*/
#search {
  background-color: #fff;
  border: 1px solid #fff;
  position: relative;
  margin-bottom: 10.66666667%;
}

#search .submit {
  width: 118px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #444;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}

#search .input {
  margin-right: 118px;
  overflow: hidden;
}

#search .text {
  font-size: 16px;
  color: #333;
  height: 30px;
  line-height: 30px;
  padding: 14px 5%;
  width: 90%;
}

/*number*/
#number {
  margin-bottom: 19.33333333%;
}

#number ul {
  overflow: hidden;
}

#number li {
  float: left;
  width: 48%;
}

#number li:nth-child(2n) {
  float: right;
}

#number h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5em;
  color: #fff;
}

/*social*/
#social ul {
  font-size: 0;
  line-height: normal;
}

#social li {
  display: inline-block;
  margin-left: 28px;
  position: relative;
}

#social a {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 20px;
  background: no-repeat center center;
  background-size: contain;
  text-indent: -9999em;
}

#social a:hover {
  opacity: .85;
}

#social .wx {
  margin-left: 0;
}

#social .wx a {
  background-image: url(../images/social_wx.png);
}

#social .wb a {
  background-image: url(../images/social_wb.png);
}

#social .qq a {
  background-image: url(../images/social_qq.png);
}

#social .qr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 10px;
  background-color: #fff;
  padding: 6px;
  width: 120px;
  z-index: 5;
  display: none;
}

#social .qr img {
  width: 100%;
  height: auto;
  display: block;
}

#social .qr:after {
  width: 8px;
  height: 8px;
  background-color: #fff;
  transform: rotate(45deg);
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}

#social .wap {
  display: none;
}

/*bar*/
#bar {
  border-bottom: 1px solid #ebebeb;
}

/*breadcrumb*/
#breadcrumb {
  float: right;
  font-size: 14px;
  color: #999;
  line-height: 24px;
  padding: 38px 0;
  padding: 1.97916667vw 0;
}

#breadcrumb a {
  color: #999;
  position: relative;
  margin-right: 26px;
}

#breadcrumb a:after {
  width: 2px;
  height: 2px;
  background-color: #999;
  border-radius: 50%;
  content: '';
  display: block;
  position: absolute;
  right: -13px;
  top: 50%;
  margin-top: -1px;
}

#breadcrumb a:hover {
  color: #d4b572;
}

#breadcrumb a:first-child {
  background: url(../images/icon_home.png) no-repeat left center;
  padding-left: 26px;
}

#breadcrumb span {
  color: #d4b572;
}

/*subMenu*/
#subMenu {
  margin-right: 250px;
}

#subMenu li {
  font-size: 16px;
  line-height: 24px;
  padding: 38px 0;
  padding: 1.97916667vw 0;
  display: inline-block;
  margin-right: 7.56302521%;
  float: left;
  position: relative;
}

#subMenu li:after {
  width: 100%;
  height: 1px;
  background-color: #e60027;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  display: none;
}

#subMenu a {
  display: block;
}

#subMenu a:hover {
  color: #e60027;
}

#subMenu .cur:after {
  display: block;
}

#subMenu .cur a {
  color: #e60027;
}

/*wrapper*/
#wrapper {
  padding: 5.20833333% 0 6.25%;
  overflow: hidden;
}

/*contact*/
#contact {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#contact .pic {
  display: table-cell;
  vertical-align: top;
  width: 59.72222222%;
}

#contact .text {
  display: table-cell;
  vertical-align: middle;
  padding-right: 2%;
}

#contact h2 {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.35em;
  margin-bottom: 8.16696915%;
}

#contact li {
  padding-left: 60px;
  background: no-repeat 5px 6px;
  margin-bottom: 5.98911071%;
}

#contact li:last-child {
  margin-bottom: 0;
}

#contact .addr {
  background-image: url(../images/icon_addr.png);
  background-position: 8px 6px;
}

#contact .phone {
  background-image: url(../images/icon_phone.png);
}

#contact .fax {
  background-image: url(../images/icon_fax.png);
  background-position: 5.5px 6px;
}

#contact h3 {
  font-size: 18px;
  line-height: 1.35em;
  margin-bottom: 5px;
}

/*pgTitle*/
.pgTitle {
  text-align: center;
  font-size: 36px;
  font-weight: normal;
  line-height: 1.35em;
  margin-bottom: 4.51388889%;
}

/*report*/
#report {
  overflow: hidden;
}

/*rpText*/
.rpText {
  float: left;
  width: 40.27777778%;
}

.rpText .intro {
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
}

.rpText .wechat {
  border-top: 1px solid #ebebeb;
  margin-top: 7.5862069%;
  padding-top: 8.62068966%;
}

.rpText .pic,
.rpText .name {
  display: inline-block;
  vertical-align: middle;
}

.rpText .pic {
  width: 126px;
  border: 1px solid #f2f2f2;
}

.rpText .name {
  margin-left: 3.44827586%;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

/*rpForm*/
.rpForm {
  width: 50%;
  float: right;
}

.rpForm .two {
  overflow: hidden;
}

.rpForm .two .item {
  float: left;
  width: 48.61111111%;
}

.rpForm .two .item:nth-child(2n) {
  float: right;
}

.rpForm .two .text {
  width: 88.57142857%;
  padding-left: 5.71428571%;
  padding-right: 5.71428571%;
}

.rpForm .item {
  padding-bottom: 2.77777778%;
}

.rpForm .text {
  background-color: #f8f9fa;
  width: 94.44444444%;
  padding: 8px 2.77777778%;
  font-size: 16px;
  color: #333;
  height: 30px;
  line-height: 30px;
}

.rpForm .placeholder {
  padding: 8px 0;
}

.rpForm .placeholder i {
  padding: 0 5.71428571%;
}

.rpForm .textarea {
  padding-bottom: 4.16666667%;
}

.rpForm .textarea .text {
  height: 184px;
}

.rpForm .textarea .placeholder i {
  padding: 0 2.77777778%;
}

.rpForm .submit {
  width: 23.33333333%;
  height: 46px;
  background-color: #e60027;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.rpForm .submit:hover {
  opacity: .65;
}

/*videoList*/
#videoList {
  width: 104.16666667%;
  overflow: hidden;
  margin-bottom: 1.38888889%;
}

.videoItem {
  float: left;
  width: 29.33333333%;
  padding-right: 4%;
  padding-bottom: 4.66666667%;
}

.videoItem .pic {
  margin-bottom: 2.95454545%;
  position: relative;
}

.videoItem .pic:after {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all .3s;
}

.videoItem .bg {
  padding-bottom: 50%;
}

.videoItem .icon {
  position: absolute;
  left: 44.31818182%;
  top: 50%;
  transform: translateY(-50%);
  width: 11.36363636%;
  z-index: 2;
  opacity: 0.8;
  transition: all .3s;
}

.videoItem .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: url(../images/icon_play.png) no-repeat center center;
  background-size: contain;
}

.videoItem h3 {
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.77777778em;
}

.videoItem a {
  display: block;
  overflow: hidden;
  color: #222;
}

.videoItem a:hover {
  color: #e60027;
}

.videoItem a:hover .pic:after,
.videoItem a:hover .icon {
  opacity: 1;
}

/*videoTop*/
@keyframes circle {
  0% {
    opacity: .8;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(1.88);
  }
}

.videoTop {
  padding-right: 4.16666667%;
  margin-bottom: 6.94444444%;
}

.videoTop .bg {
  padding-bottom: 50%;
  transition: all .5s;
}

.videoTop .btn {
  width: 15.27777778%;
  padding: 4.51388889% 0;
  background-color: #d4b572;
  position: absolute;
  right: 0;
  bottom: 0;
}

.videoTop .icon {
  width: 22.72727273%;
  margin: 0 auto;
  position: relative;
}

.videoTop .icon:before,
.videoTop .icon:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  transform: scale(1);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .8;
}

.videoTop .icon:before {
  animation: circle 4s linear infinite 0s;
}

.videoTop .icon:after {
  animation: circle 4s linear infinite 2s;
}

.videoTop .icon i {
  display: block;
  padding-bottom: 100%;
  position: relative;
  z-index: 2;
  background: url(../images/icon_play.png) no-repeat center center;
  background-size: contain;
}

.videoTop .rows {
  position: absolute;
  bottom: 0;
  left: 6.94444444%;
  width: 50.69444444%;
  font-size: 16px;
  line-height: 1.875em;
  margin-bottom: 3.125%;
  max-height: 9.375em;
  -webkit-line-clamp: 5;
}

.videoTop a {
  display: block;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.videoTop a:hover .bg {
  transform: scale(1.1);
}

/*pagenavi*/
#pagenavi {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#pagenavi a {
  display: inline-block;
  height: 48px;
  min-width: 48px;
  margin: 2px 0.52083333%;
  font-size: 16px;
  line-height: 48px;
  vertical-align: top;
  color: #666;
  border: 1px solid #f1f1f1;
  border-radius: 25px;
}

#pagenavi .a_cur,
#pagenavi a:hover {
  color: #fff;
  background-color: #e60027;
  border-color: #e60027;
}

#pagenavi .a_prev,
#pagenavi .a_next {
  text-indent: -99999em;
  position: relative;
  margin: 2px 2.95138889%;
  width: 48px;
}

#pagenavi .a_prev:before,
#pagenavi .a_next:before {
  width: 16.66666667%;
  padding-bottom: 25%;
  background: no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 41.66666667%;
  top: 50%;
  transform: translateY(-50%);
}

#pagenavi .a_prev:hover:before,
#pagenavi .a_next:hover:before {
  background-position: 0 100%;
}

#pagenavi .a_prev:before {
  background-image: url(../images/a_prev.png);
}

#pagenavi .a_next:before {
  background-image: url(../images/a_next.png);
}

/*entry*/
.entry {
  font-size: 16px;
  line-height: 1.875em;
  color: #666;
}

.entry img {
  height: auto !important;
}

/*back*/
.back a {
  display: block;
  background-color: #e60027;
  color: #fff;
  width: 180px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  margin: 0 auto;
  border-radius: 25px;
}

.back a:hover {
  opacity: .85;
}

/*singlePage*/


/*details*/
#details .title {
  background-color: #f7f7f7;
  text-align: center;
  padding: 3.61111111% 3.125% 3.47222222%;
  margin-bottom: 4.86111111%;
}

#details .title h2 {
  font-size: 36px;
  color: #333;
  line-height: 1.5em;
  font-weight: 500;
  margin-bottom: 0.83333333%;
}

#details .entry {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 4.86111111%;
  margin-bottom: 4.86111111%;
  width: 50%;
  margin-left: 25%;
}

#details .back {
  float: right;
  padding: 10px 0;
}

/*postmeta*/
#postmeta {
  font-size: 0;
  line-height: normal;
  text-align: center;
}

#postmeta span {
  display: inline-block;
  font-size: 18px;
  line-height: 1.75em;
  color: #999;
}

/*postnavi*/
#postnavi {
  margin-right: 190px;
  overflow: hidden;
  font-size: 16px;
  color: #666;
  line-height: 2.25em;
}

#postnavi p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#postnavi a {
  color: #666;
}

#postnavi a:hover {
  color: #d4b572;
}

/*newsList*/
#newsList {
  overflow: hidden;
  width: 104.16666667%;
}

/*newsItem*/
.newsItem {
  float: left;
  width: 29.33333333%;
  padding-right: 4%;
  padding-bottom: 6.33333333%;
}

.newsItem .pic {
  margin-bottom: 6.81818182%;
}

.newsItem .bg {
  padding-bottom: 59.09090909%;
  transition: all .3s;
}

.newsItem time {
  display: block;
  font-size: 16px;
  line-height: 1.875em;
  color: #999;
  margin-bottom: 2.95454545%;
}

.newsItem .rows {
  -webkit-line-clamp: 2;
}

.newsItem h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.35em;
  height: 2.7em;
  margin-bottom: 6.81818182%;
}

.newsItem .excerpt {
  font-size: 16px;
  color: #999;
  line-height: 1.5em;
  height: 3em;
}

.newsItem a {
  display: block;
  overflow: hidden;
  color: #222;
}

.newsItem a:hover {
  color: #e60027;
}

.newsItem a:hover .bg {
  transform: scale(1.1);
}

/*newsTop*/
#newsTop {
  background-color: #f7f7f7;
  margin-bottom: 6.94444444%;
  position: relative;
  overflow: hidden;
}

#newsTop .info {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#newsTop .pic {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

#newsTop .pic a {
  transition: all .3s;
}

#newsTop .pic a:hover {
  transform: scale(1.1);
}

#newsTop .bg {
  padding-bottom: 62.5%;
}

#newsTop .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 4.86111111%;
}

#newsTop .date {
  font-size: 18px;
  line-height: 1.35em;
  color: #999;
  margin-bottom: 6.12903226%;
}

#newsTop .rows {
  -webkit-line-clamp: 2;
}

#newsTop h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.4em;
  max-height: 2.8em;
  margin-bottom: 2.90322581%;
}

#newsTop h3 a {
  color: #333;
}

#newsTop h3 a:hover {
  color: #e60027;
}

#newsTop .excerpt {
  font-size: 16px;
  line-height: 1.875em;
  height: 3.75em;
  color: #999;
  margin-bottom: 13.79310345%;
}

#newsTop .arrows {
  width: 45.13888889%;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 3.47222222%;
}

#newsTop .slick-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #f7f7f7;
  position: relative;
}

#newsTop .slick-arrow:after {
  width: 8px;
  padding-bottom: 12px;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  transform: translateY(-50%);
  background: no-repeat 0 0;
  background-size: 100% auto;
}

#newsTop .slick-arrow:hover {
  background-color: #e60027;
  border-color: #e60027;
}

#newsTop .slick-arrow:hover:after {
  background-position: 0 100%;
}

#newsTop .slick-prev {
  margin-right: 4.61538462%;
}

#newsTop .slick-prev:after {
  background-image: url(../images/a_prev.png);
}

#newsTop .slick-next:after {
  background-image: url(../images/a_next.png);
}

#newsTop .loading {
  padding-bottom: 31.25%;
}

/*subPage*/
#subPage {
  float: right;
}

#subPage ul {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#subPage li {
  float: left;
  font-size: 16px;
  padding-left: 20px;
}

#subPage a {
  display: block;
  overflow: hidden;
  background-color: #ebebeb;
  color: #666;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
}

#subPage .cur a {
  background-color: #e60027;
  color: #fff;
}

/*introduction*/
#introduction .pgTitle {
  float: left;
  margin-bottom: 0;
}

#introduction .box {
  display: none;
  table-layout: fixed;
  width: 100%;
  margin-top: 4.86111111%;
}

#introduction .box.cur {
  display: table;
}

#introduction .pic {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

#introduction .pic img {
  position: relative;
  z-index: 2;
}

#introduction .text {
  display: table-cell;
  vertical-align: top;
  padding-top: 6.94444444%;
}

#introduction .info {
  background-color: #f7f7f7;
  width: 77.77777778%;
  float: right;
  padding: 9.72222222% 11.11111111% 22.22222222% 27.77777778%;
  position: relative;
  overflow: hidden;
}

#introduction .info:after {
  width: 50%;
  padding-bottom: 50%;
  content: '';
  display: block;
  position: absolute;
  right: -13.0952381%;
  bottom: 0;
  margin-bottom: -14.28571429%;
  background: url(../images/bg_logo.png) no-repeat center center;
  background-size: contain;
}

#introduction h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.35em;
  margin-bottom: 4.64285714%;
  position: relative;
  z-index: 2;
}

#introduction .intro {
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
  margin-bottom: 7.14285714%;
  position: relative;
  z-index: 2;
}

#introduction .intro a {
  color: #e60027;
}

#introduction .intro a:hover {
  text-decoration: underline;
}

#introduction .wechat {
  border-top: 1px solid #ebebeb;
  padding-top: 8.92857143%;
  position: relative;
  z-index: 2;
}

#introduction .qr {
  display: inline-block;
  vertical-align: middle;
  width: 126px;
  border: 1px solid #f2f2f2;
}

#introduction .name {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3.57142857%;
}

/*workTop*/
#workTop {
  overflow: hidden;
  margin-bottom: 1.66666667%;
}

#workTop .slick-load {
  width: 103.47222222%;
}

#workTop .pic {
  margin-bottom: 7.23514212%;
}

#workTop .bg {
  padding-bottom: 56.99481865%;
}

#workTop h3 {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.5em;
  height: 3em;
  -webkit-line-clamp: 2;
  margin-bottom: 2.58397933%;
}

#workTop .excerpt {
  font-size: 16px;
  color: #999;
  line-height: 1.875em;
  height: 3.75em;
  -webkit-line-clamp: 2;
  margin-bottom: 5.16795866%;
}

#workTop .date {
  font-size: 16px;
  color: #999;
  line-height: 2em;
}

#workTop a {
  display: block;
  overflow: hidden;
  background-color: #f7f7f7;
  padding: 6.0362173%;
  margin-right: 10.06036217%;
}

#workTop a:hover {
  background-color: #e60027;
  color: #fff;
}

#workTop a:hover .excerpt,
#workTop a:hover .date {
  color: #fff;
}

#workTop .slick-dots {
  position: relative;
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-top: 5.03355705%;
  margin-right: 3.3557047%;
}

#workTop .slick-dots:before {
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#workTop .slick-dots li {
  display: inline-block;
  padding: 0 0.69444444%;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#workTop .slick-dots li:first-child {
  padding-left: 2.08333333%;
}

#workTop .slick-dots li:last-child {
  padding-right: 2.08333333%;
}

#workTop .slick-dots button {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #bfbfbf;
  cursor: pointer;
  text-indent: -9999em;
  font-size: 0;
}

#workTop .slick-dots .slick-active button {
  background-color: #e60027;
}

#workTop .loading {
  padding-bottom: 40.45486111%;
}

/*workList*/
#workList {
  margin-bottom: 6.94444444%;
}

/*workItem*/
.workItem {
  border-bottom: 1px solid #eee;
}

.workItem .td {
  display: table-cell;
  vertical-align: middle;
}

.workItem .pic {
  width: 333px;
}

.workItem .bg {
  padding-bottom: 57.05705706%;
}

.workItem .text {
  padding: 1.73611111% 0;
}

.workItem .cont {
  border-right: 1px solid #e0e0e0;
  padding: 0 8.26901874% 0 4.41014333%;
}

.workItem .title {
  font-size: 22px;
  line-height: 1.5em;
  max-height: 3em;
  font-weight: normal;
  -webkit-line-clamp: 2;
  margin-bottom: 2.90771176%;
}

.workItem .excerpt {
  font-size: 16px;
  line-height: 1.875em;
  height: 3.75em;
  color: #999;
  -webkit-line-clamp: 2;
}

.workItem .date {
  font-size: 16px;
  line-height: 1em;
  color: #999;
  text-align: center;
  width: 13.88888889%;
}

.workItem .date time {
  display: block;
}

.workItem .date i {
  display: block;
  font-style: normal;
  font-size: 56px;
  color: #666;
  line-height: 1em;
  margin-bottom: 5px;
}

.workItem a {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 3.47222222% 0;
}

.workItem a:hover {
  background-color: #fafafa;
}

/*culture*/
#culture {
  padding: 4.6875% 0 5.20833333%;
}

#culture ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: wrap;
}

#culture li {
  text-align: center;
  width: 20%;
  position: relative;
  transition: opacity .3s;
}

#culture li:after {
  width: 18px;
  padding-bottom: 18px;
  background: url(../images/icon_logo.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  right: 1.73611111%;
  bottom: 0;
  margin-bottom: 1.73611111%;
  opacity: 0;
  transition: opacity .3s;
}

#culture li:hover {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.08);
}

#culture li:hover h3 {
  color: #d4b572;
}

#culture li:hover:after {
  opacity: 1;
}

#culture .info {
  padding: 17.36111111% 10.41666667% 20.83333333%;
}

#culture .icon {
  width: 90px;
  margin: 0 auto 11.84210526%;
}

#culture .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#culture h3 {
  font-size: 24px;
  line-height: 1.5em;
  font-weight: normal;
  margin-bottom: 2.63157895%;
}

#culture p {
  font-size: 16px;
  line-height: 1.875em;
  color: #666;
}

/*concept*/
#concept {
  background-color: #f7f7f7;
  padding: 5.20833333% 0;
}

#concept .inner {
  display: table;
  table-layout: fixed;
}

#concept .pic {
  display: table-cell;
  vertical-align: top;
  width: 60%;
}

#concept .text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5.55555556%;
}

#concept li {
  overflow: hidden;
  padding: 7.21153846% 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

#concept .icon {
  width: 90px;
  display: table-cell;
  vertical-align: top;
}

#concept .icon i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  background: no-repeat center center;
  background-size: contain;
}

#concept .intro {
  display: table-cell;
  vertical-align: middle;
  padding-left: 7.21153846%;
}

#concept h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.35em;
  margin-bottom: 2.02702703%;
}

#concept p {
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
}

/*zhengfang*/
#zhengfang .inner {
  position: relative;
}

#zhengfang .pic {
  padding-bottom: 60.76388889%;
  background: no-repeat center center;
  background-size: contain;
}

#zhengfang li {
  position: absolute;
  top: 0;
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
  transform: translateY(-50%);
  max-width: 26.38888889%;
}

#zhengfang .li1 {
  right: 65.97222222%;
  margin-top: 11.45833333%;
}

#zhengfang .li2 {
  left: 65.97222222%;
  margin-top: 11.45833333%;
}

#zhengfang .li3 {
  left: 73.61111111%;
  margin-top: 25%;
}

#zhengfang .li7 {
  right: 73.61111111%;
  margin-top: 25%;
}

#zhengfang .li4 {
  left: 71.18055556%;
  margin-top: 38.75%;
}

#zhengfang .li6 {
  right: 71.18055556%;
  margin-top: 38.75%;
}

#zhengfang .li5 {
  left: 50%;
  margin-top: 51.38888889%;
  transform: translateX(-50%);
}

/*about*/
#about {
  padding: 5.20833333% 0;
}

#about .inner {
  display: table;
  table-layout: fixed;
}

#about .figure {
  width: 62.5%;
  display: table-cell;
  vertical-align: bottom;
}

#about .data {
  background-color: #d4b572;
  color: #fff;
  display:none;
}

#about .data ul {
  overflow: hidden;
  padding: 0 5%;
}

#about .data li {
  width: 21%;
  float: left;
  text-align: center;
  font-size: 0;
  line-height: normal;
  padding: 5.92592593% 2%;
}

#about .data li:last-child .num {
  font-size: 36px;
  line-height: 1em;
}

#about .data .info {
  display: inline-block;
  font-size: 18px;
  line-height: 1.33333333em;
  text-align: left;
}

#about .data .num {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 8px;
}

#about .data span {
  font-size: 48px;
  font-size: 2.5vw;
  line-height: 1em;
  display: inline-block;
  margin-right: 5px;
}

#about .text {
  display: table-cell;
  vertical-align: bottom;
}

#about .cont {
  background-color: #f7f7f7;
  padding: 11.11111111% 12.96296296% 25%;
  position: relative;
  overflow: hidden;
}

#about .cont:before {
  width: 79.44444444%;
  padding-bottom: 79.44444444%;
  background: url(../images/bg_logo.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -22.59259259%;
  margin-bottom: -23.88888889%;
}

#about .intro {
  position: relative;
  z-index: 2;
  font-size: 16px;
  line-height: 1.875em;
  color: #666;
}

#about .title {
  padding: 0 12.96296296%;
  margin-bottom: 11.48148148%;
}

#about .pgTitle {
  text-align: left;
  margin-bottom: 0;
}

#about .since {
  font: 600 24px/1.125em 'Aileron';
  color: #e60027;
  overflow: hidden;
  position: relative;
  margin-bottom: 4.25%;
}

#about .since:after {
  font-size: 36px;
  width: 10em;
  height: 1px;
  background-color: #ebebeb;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#about .since span {
  display: block;
  float: left;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-right: 5.75%;
}

/*history*/
#history {
  background: #f7f7f7 url(../images/bg_history.png) no-repeat center bottom;
  background-size: 100% auto;
  padding: 4.6875% 0 9.11458333%;
}

/*timeText*/
#timeText .pgTitle {
  margin-bottom: 1.04166667%;
}

#timeText .item {
  position: relative;
  padding: 5.20833333% 0;
}

#timeText h3 {
  font: 700 240px/1em 'Poppins';
  font-size: 12.5vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fcfcfc;
}

#timeText .intro {
  max-width: 700px;
  margin: 0 auto;
  font-size: 16px;
  color: #666;
  line-height: 1.875em;
  position: relative;
  z-index: 2;
}

/*timeline*/
#timeline {
  position: relative;
  margin-top: 4.16666667%;
}

#timeline:before {
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 24px;
}

#timeline .item {
  overflow: hidden;
  cursor: pointer;
}

#timeline .dot {
  width: 9px;
  border-radius: 50%;
  border: 3px solid transparent;
  margin: 17px auto 8.33333333%;
  transition: all .3s;
}

#timeline .dot i {
  display: block;
  overflow: hidden;
  padding-bottom: 100%;
  border-radius: 50%;
  background-color: #ccc;
  transition: all .3s;
}

#timeline .year {
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  transition: all .3s;
}

#timeline .slick-track {
  margin: 0;
}

#timeline .slick-center .dot {
  border-color: #e60027;
}

#timeline .slick-center .dot i {
  background-color: #fff;
}

#timeline .slick-center .year {
  font-size: 24px;
  font-weight: bold;
  color: #e60027;
}

#timeline .slick-arrow {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
}

#timeline .slick-arrow:after {
  width: 14%;
  padding-bottom: 26%;
  background: no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -7%;
}

#timeline .slick-arrow:hover {
  background-color: #e60027;
}

#timeline .slick-arrow:hover:after {
  background-position: 0 100%;
}

#timeline .slick-prev {
  left: -50px;
}

#timeline .slick-prev:after {
  background-image: url(../images/arrow_prev.png);
}

#timeline .slick-next {
  right: -50px;
}

#timeline .slick-next:after {
  background-image: url(../images/arrow_next.png);
}

/*organization*/
#organization {
  background: #fdfdfd url(../images/bg_organization.png) no-repeat center center;
  background-size: cover;
  padding: 4.6875% 0 5.20833333%;
}

/*cooperation*/
#cooperation {
  background-color: #f7f7f7;
  padding: 4.6875% 0 6.25%;
}

#cooperation .list ul {
  padding: 11px;
}

#cooperation .list li {
  float: left;
  width: 16.666%;
}

#cooperation .logo {
  padding: 10px;
}

#cooperation i {
  display: block;
  overflow: hidden;
  padding-bottom: 49.32735426%;
  background: no-repeat center center;
  background-size: contain;
  border-radius: 10px;
}

#cooperation i:hover {
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
}

#cooperation .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2.5%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
}

#cooperation .slick-arrow:after {
  width: 14%;
  padding-bottom: 26%;
  background: no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -7%;
}

#cooperation .slick-arrow:hover {
  background-color: #e60027;
}

#cooperation .slick-arrow:hover:after {
  background-position: 0 100%;
}

#cooperation .slick-prev {
  left: -4.86111111%;
}

#cooperation .slick-prev:after {
  background-image: url(../images/arrow_prev.png);
}

#cooperation .slick-next {
  right: -4.86111111%;
}

#cooperation .slick-next:after {
  background-image: url(../images/arrow_next.png);
}

#cooperation .slick-dots {
  line-height: normal;
  text-align: center;
  margin-top: 2.77777778%;
  width: auto;
}

#cooperation .slick-dots li {
  display: inline-block;
  padding: 0 0.69444444%;
}

#cooperation .slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
  text-indent: -9999em;
  font-size: 0;
}

#cooperation .slick-dots .slick-active button {
  background-color: #e60027;
}

/*serviceTop*/
#serviceTop {
  position: relative;
}

#serviceTop #banner {
  padding-bottom: 42.70833333%;
}

/*itemMenu*/
.itemMenu ul {
  overflow: hidden;
}

.itemMenu li {
  width: 16.6%;
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 1.5em;
  position: relative;
}

.itemMenu li:first-child {
  font-size: 25px;
  font-weight: bold;
}

.itemMenu li:after {
  width: 1px;
  padding-bottom: 25%;
  background-color: rgba(255, 255, 255, 0.2);
  content: '';
  display: block;
  position: absolute;
  right: -0.5px;
  top: 50%;
  transform: translateY(-50%);
}

.itemMenu li:last-child:after {
  display: none;
}

.itemMenu i {
  display: block;
  margin: 0 auto 5.55555556%;
  width: 40px;
  padding-bottom: 40px;
  background: no-repeat center center;
  background-size: contain;
}

.itemMenu a {
  color: #fff;
  display: block;
  overflow: hidden;
  padding: 8.75% 5% 7.08333333%;
  position: relative;
  transition: all .3s;
  background-color: rgba(0, 0, 0, 0.35);
}

.itemMenu a:after {
  width: 18px;
  padding-bottom: 18px;
  background: url(../images/icon_square.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all .3s;
}

.itemMenu .cur a,
.itemMenu a:hover {
  background-color: #e60027;
}

.itemMenu .cur a:after,
.itemMenu a:hover:after {
  opacity: 1;
}

/*pageMenu*/
#pageMenu {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 4.16666667%;
  z-index: 2;
}

#pageMenu ul {
  background-color: rgba(0, 0, 0, 0.3);
}

/*platform*/
#platform {
  background-color: #f7f7f7;
  padding: 5.20833333% 0 5.72916667%;
}

#platform .inner {
  overflow: hidden;
}

#platform .pic {
  width: 36.38888889%;
  float: right;
}

#platform .list_box {
  padding-top: 3%
}

#platform .list {
  border-radius: 10px;
  padding: 20px;
}

#platform .list ul {
  overflow: hidden;
}

#platform .list ul li {
  padding: 1% 0;
  float: left;
}

#platform .list ul li span {
  display: block;
  padding: 0 20px;
  background: url(../images/li_icon.png) no-repeat left
}

#platform .list ul li::marker {
  font-size: 20px;
}

#platform .list ul li.have_ul {
  float: none
}

#platform .list ul.ul_2.have_li .have_ul {
  display: block;
}

#platform .list ul.ul_2.have_li .have_span {
  padding-bottom: 5px
}

#platform .list ul.ul_2.have_li>li>span {
  font-size: 20px;
  padding: 0;
  background: none
}

#platform .list ul.ul_1.have_li.first .have_span {
  padding-bottom: 10px
}

#platform .list ul.ul_1.have_li.first>li>span {
  font-size: 20px;
  padding: 0;
  background: none;
}

#platform .list ul.ul_1.have_li.first>li>span a {
  color: #000
}

#platform .text {
  float: left;
  width: 45.83333333%;
}

#platform .title {
  margin-bottom: 4.54545455%;
}

#platform .title h2 {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 3px;
}

#platform .title .stock {
  font-size: 16px;
}

#platform .title h3 {
  font-size: 18px;
  line-height: 1.5em;
  color: #d4b572;
  text-transform: uppercase;
}

#platform .intro {
  color: #666;
  margin-bottom: 8.78787879%;
}

#platform .data ul {
  overflow: hidden;
}

#platform .data li {
  float: left;
  width: 33.333%;
}

#platform .data h4 {
  font-size: 16px;
  color: #999;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 4.54545455%;
}

#platform .data p {
  font-size: 16px;
  color: #d4b572;
  line-height: 1.5em;
}

#platform .data span {
  font-size: 36px;
  line-height: 1em;
}



#business-list {
  padding: 5.20833333% 0 5.72916667%;
}

#business-list li {
  text-align: center;
}

#business-list li p {
  text-align: center;
  line-height: 2;
  color: #555;
}

#business-list li .icon img {
  width: 80px;
  height: 80px;
}

#business-list li h3 {
  color: #333;
  font-size: 20px;
  padding: 15px 0 15px 0;
}

@media(min-width:641px) {
  #business-list li {
    width: 20.9%;
    float: left;
    text-align: center;
    position: relative;
    padding: 0 2%;
    border-right: 1px solid #eee;
    min-height: 280px;
  }

  #business-list li:last-child:after {
    border-right: 0
  }

  #business-list li:nth-child(4n+1) {
    clear: left;
  }
}

@media(max-width:640px) {
  #business-list li {
    margin-bottom: 20px;
  }

  #business-list li h3 {
    font-size: 16px;
    padding: 5px 0 5px 0;
  }

  #business-list li p {
    font-size: 14px;
  }
}

.PicList010 {
  padding: 5.20833333% 0 5.72916667%;
}

/*.PicList010 .list li{float:left;width: 13.42%;margin-right: 1%;margin-bottom: 1%;}*/
.PicList010 .list li {
  width: 100%
}

/*.PicList010 .list li div{border: #f7f7fa 2px solid;}*/
.PicList010 .list li .pic {
  overflow: hidden;
}

.PicList010 .list li .Ispic {
  padding-bottom: 45%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/*.PicList010 .list li:hover div{ background:#eff9ff;} */
.PicList010 .list li div img {
  width: 100%;
  display: block;
}

.PicList010 .list li h3 {
  line-height: 0.48rem;
  height: 0.48rem;
  overflow: hidden;
  font-weight: normal;
  text-align: center;
  color: #333;
  margin: 0;
  font-size: 0.16rem;
}

.PicList010 .list li a:hover h3 {
  color: #cd000b;
}

@media(min-width:641px) {
  .PicList010 .list li:nth-child(7n) {
    margin-right: 0%;
  }
}

@media(max-width:640px) {
  .PicList010 .list li:nth-child(2n) {
    margin-right: 0%;
  }

  .PicList010 .list li {
    width: 49%;
  }

  .PicList010 .list li h3 {
    font-size: 14px;
  }
}




/*project*/
#project {
  padding: 5.20833333% 0;
}

#project .pgTitle {
  /* float:left; */
  margin-bottom: 3%;
  text-align: left;
}

#project #subPage {
  float: none;
}

#project #subPage li {
  padding-left: 0px;
  margin-right: 1%;
}

#project .pic {
  margin-bottom: 4.54545455%;
}

#project .bg {
  padding-bottom: 60%;
  transition: all .3s;
}

#project h3 {
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 1.77777778em;
  text-align: center;
}

#project .des {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

#project .intro {
  margin: 2% 0;
}

#project .list {
  overflow: hidden;
  /*margin-top:4.86111111%;*/
  margin-bottom: 1.38888889%;
}

#project .list ul {
  width: 104.16666667%;
  overflow: hidden;
}

#project .list li {
  float: left;
  width: 29.33333333%;
  padding-right: 4%;
  padding-bottom: 4.66666667%;
}

#project .list a {
  color: #222;
  display: block;
  overflow: hidden;
}

#project .list a:hover {
  color: #e60027;
}

#project .list a:hover .bg {
  transform: scale(1.1);
}

#project .list2 {
  margin-bottom: 1.38888889%;
}

#project .list2 li {
  padding-bottom: 4.66666667%;
}

#project .list2 h3 {
  position: relative;
  font-size: 20px;
  color: #333;
  text-align: left;
}

#project .list2 h3:before {
  width: 100px;
  height: 50%;
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -0%;
  z-index: -1;
  background-color: rgba(230, 0, 39, .2);
}

#project .list2 .flex {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

#project .list2 .flex .box {
  display: flex;
  align-items: center;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #ddd;
}

#project .list2 .flex .box .icon:before {
  display: block;
  content: '';
  width: 64px;
  height: 64px;
  background-image: url('../images/Reserve.png');
  background-size: 100%;
}

#project .list2 .flex .box .icon {
  margin-right: 20px;
}

#project .list2 .flex .box .value {
  font-size: 30px;
  color: #e60027;
  font-weight: bold;
}

#project .list2 .flex .box .name {
  font-size: 16px;
  color: #222;
}

#project .list2 .flex .text {
  width: calc(100% - 250px);
  font-size: 16px;
  color: #222;
  line-height: 1.7;
}

@media(max-width:640px) {
  #project .list2 .flex {
    display: block;
  }

  #project .list2 .flex .text {
    width: 100%;
    margin-top: 20px;
  }
}

/*hmmore*/
.hmmore a {
  display: block;
  overflow: hidden;
  width: 180px;
  height: 50px;
  border-radius: 25px;
  background-color: #e60027;
  color: #fff;
  margin: 0 auto;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
}

.hmmore a:hover {
  background-color: #fff;
  color: #e60027;
}

/*hmSlides*/
#hmSlides .item {
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}

#hmSlides .info {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  color: #fff;
  width: 100%;
  transform: translateY(-50%);
}

#hmSlides h2 {
  font-size: 80px;
  font-size: 4.16666667vw;
  font-size: 60px;
  font-weight: normal;
  line-height: 1.125em;
  position: relative;
  letter-spacing: 2em;
  font-family: 'jdyh';
  text-align: center;
  text-indent: 2em;
}

/*#hmSlides h2:after{width:50px;padding-bottom:0.27777778%;background-color:#fff;content:'';display:block;margin:2.77777778% auto 0;}*/
#hmSlides .intro {
  font-size: 22px;
  line-height: 1.5em;
  margin-top: 4.5%;
  letter-spacing: 10px;
}

#hmSlides .hmmore {
  margin-top: 3.61111111%;
}

#hmSlides .slick-dots {
  position: absolute;
  right: 3.125%;
  bottom: 5.83333333%;
}

#hmSlides .slick-dots li {
  display: inline-block;
  margin-left: 10px;
}

#hmSlides .slick-dots button {
  display: block;
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 2px;
  font-size: 0;
  text-indent: -9999em;
  overflow: hidden;
}

#hmSlides .slick-dots .slick-active button {
  background-color: #e60027;
}

/*mouse*/
@keyframes mouse {
  0% {
    margin-top: 0;
  }

  70% {
    margin-top: 25%;
  }

  100% {
    margin-top: 0;
  }
}

#mouse {
  width: 20px;
  border: 2px solid #fff;
  border-radius: 12px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.16666667%;
  z-index: 8;
}

#mouse:after {
  width: 20%;
  padding-bottom: 40%;
  background-color: #e60027;
  border-radius: 2px;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 18.75%;
  animation: mouse 2s ease-out 0s infinite;
}

#mouse span {
  display: block;
  overflow: hidden;
  padding-bottom: 160%;
}

/*hmVideo*/
#hmVideo a {
  display: block;
  overflow: hidden;
  height: 100%;
  position: relative;
  color: #fff;
  background: no-repeat center center;
  background-size: cover;
}

#hmVideo .info {
  position: absolute;
  left: 0;
  bottom: 10.41666667%;
  width: 100%;
}

#hmVideo .text {
  font-size: 16px;
  line-height: 1.875em;
  width: 50%;
  max-height: 9.375em;
  -webkit-line-clamp: 5;
}

#hmVideo .btn {
  width: 50px;
  margin-top: 5.13888889%;
  position: relative;
  margin-left: 1.875%;
}

#hmVideo .btn:before,
#hmVideo .btn:after {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #d4b572;
  transform: scale(1);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .8;
}

#hmVideo .btn:before {
  animation: circle 4s linear infinite 0s;
}

#hmVideo .btn:after {
  animation: circle 4s linear infinite 2s;
}

#hmVideo .btn i {
  display: block;
  padding-bottom: 100%;
  position: relative;
  z-index: 2;
  background: url(../images/icon_play_02.png) no-repeat center center;
  background-size: contain;
}

#hmVideo .icon {
  width: 53.19148936%;
  margin: 0 auto;
}

/*hmTitle*/
.hmTitle {
  text-align: center;
  margin-bottom: 3.47222222%;
}

.hmTitle h2 {
  font-weight: bold;
  font-size: 48px;
  font-size: 2.5vw;
  color: #222;
  line-height: 1.125em;
  letter-spacing: 10px;
}

.hmTitle p {
  font-size: 16px;
  color: #999;
  line-height: 1.5em;
  margin-top: 1.52777778%;
}

/*hmNews*/
#hmNews {
  background: #fafafa url(../images/bg_organization.png) no-repeat center center;
  background-size: cover;
}

#hmNews .slick-load {
  width: 104.16666667%;
}

#hmNews .date {
  font-size: 16px;
  color: #999;
  line-height: 2em;
  margin-bottom: 0.68181818%;
  overflow: hidden;
}

#hmNews .date i {
  display: block;
  overflow: hidden;
  font-style: normal;
  font-size: 36px;
  line-height: 1em;
  color: #222;
  margin-bottom: 3.86363636%;
  position: relative;
}

#hmNews .date i:after {
  width: 100%;
  height: 1px;
  background-color: #eee;
  content: '';
  display: block;
  position: absolute;
  left: 1.6em;
  top: 50%;
  transform: translateY(-50%);
}

#hmNews time {
  display: block;
}

#hmNews .pic {
  margin-bottom: 4.54545455%;
}

#hmNews .bg {
  padding-bottom: 59.09090909%;
  transition: all .3s;
}

#hmNews h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.35em;
  height: 2.7em;
  margin-bottom: 5.90909091%;
}

#hmNews .excerpt {
  font-size: 16px;
  color: #999;
  line-height: 1.5em;
  height: 3em;
}

#hmNews .item a {
  display: block;
  overflow: hidden;
  color: #222;
  margin-right: 12%;
}

#hmNews .item a:hover {
  color: #e60027;
}

#hmNews .item a:hover .bg {
  transform: scale(1.1);
}

#hmNews .hmmore {
  margin-top: 3.75%;
}

#hmNews .slick-dots {
  position: relative;
  font-size: 0;
  line-height: normal;
  text-align: center;
  margin-top: 20px;
}

#hmNews .slick-dots:before {
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

#hmNews .slick-dots li {
  display: inline-block;
  padding: 0 1.38888889%;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#hmNews .slick-dots li:first-child {
  padding-left: 2.08333333%;
}

#hmNews .slick-dots li:last-child {
  padding-right: 2.08333333%;
}

#hmNews .slick-dots button {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #bfbfbf;
  cursor: pointer;
  text-indent: -9999em;
  font-size: 0;
}

#hmNews .slick-dots .slick-active button {
  background-color: #e60027;
}

#hmNews .slick-arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #eee;
  background-color: #f7f7f7;
  position: relative;
}

#hmNews .slick-arrow:after {
  width: 8px;
  padding-bottom: 12px;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  transform: translateY(-50%);
  background: no-repeat 0 0;
  background-size: 100% auto;
}

#hmNews .slick-arrow:hover {
  background-color: #e60027;
  border-color: #e60027;
}

#hmNews .slick-arrow:hover:after {
  background-position: 0 100%;
}

#hmNews .slick-prev {
  margin-right: 4.61538462%;
  position: absolute;
  top: 50%;
  left: -55px;
}

#hmNews .slick-next {
  margin-right: 4.61538462%;
  position: absolute;
  top: 50%;
  right: -65px;
}

#hmNews .slick-prev:after {
  background-image: url(../images/a_prev.png);
}

#hmNews .slick-next:after {
  background-image: url(../images/a_next.png);
}


/*hmAbout*/
#hmAbout {
  background-color: #444;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

#hmAbout .hmTitle {
  text-align: left;
  margin-bottom: 10%;
}

#hmAbout .hmTitle h2 {
  color: #fff;
}

#hmAbout .item {
  width: 50%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  position: relative;
}

#hmAbout .item:last-child {
  /*background-color: #e60027;*/
}

#hmAbout .box {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  position: relative;
}

#hmAbout .pic:before,
#hmAbout .box:before {
  width: 95.625%;
  padding-bottom: 95.625%;
  background: url(../images/bg_logo_large.png) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  left: -33.125%;
  bottom: 0;
  margin-bottom: -39.375%;
}
#hmAbout .pic:before{ bottom:auto; top:0;}

#hmAbout .intro {
  width: 545px;
  float: right;
  padding-right: 175px;
  position: relative;
  z-index: 2;
}

#hmAbout .rows {
  font-size: 16px;
  line-height: 2.5;
  /*max-height:9.375em;-webkit-line-clamp:5;*/
  color: rgba(255, 255, 255, 0.5);
  color: #fff;
}

#hmAbout .hmmore {
  margin-top: 16.51376147%;
}

#hmAbout .hmmore a {
  margin: 0;
}

#hmAbout .data {
  height: 50%;
  background-color: #e60027;
  display: table;
  table-layout: fixed;
  width: 100%;
  display:none;
}

#hmAbout .data ul {
  width: 620px;
  margin-left: 100px;
  overflow: hidden;
}

#hmAbout .data li {
  width: 33.333%;
  float: left;
  padding: 6.4516129% 0 3.22580645%;
}

#hmAbout .data h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.33333333em;
  margin-bottom: 9.67819985%;
}

#hmAbout .data p {
  font-size: 16px;
}

#hmAbout .data span {
  font-size: 36px;
  line-height: 1em;
  margin-right: 4.83909993%;
}

#hmAbout .list {
  display: table-cell;
  vertical-align: middle;
}

#hmAbout .pic {
  height: 56.66666667%;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  
}

#hmAbout .pic i {
  display: block;
  overflow: hidden;
  height: 100%;
  background: no-repeat center top;
  background-size: cover;
}

@media(max-width:1366px) {
  #hmAbout .data li {
    padding: 2.4516129% 0 3.22580645%;
  }
}


/*hmService*/
#hmService {
  color: #fff;
}

/*#hmService .pic{height:100%;position:absolute;left:0;top:0;width:100%;}*/
#hmService .bg {
  display: none;
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
}

#hmService .bg:first-child {
  display: block;
}

#hmService .inner2 .inner {
  margin-top: 0;
}

#hmService .inner {
  position: relative;
  z-index: 5;
  margin-top: -11.45833333%;
}

#hmService .text {
  position: absolute;
  z-index: 9;
  width: 100%;
}

#hmService .item {
  display: none;
  padding-top: 10%;
}

#hmService .item:first-child {
  display: block;
}

#hmService .item:first-child .hmmore {
  display: none;
  *
}

#hmService .item .hmTitle .stock {
  display: none;
}

#hmService .item:last-child .hmTitle .stock {
  display: block;
}

#hmService .hmTitle {
  text-align: left;
  margin-bottom: 3.47222222%;
  width: 100%;
}

#hmService .hmTitle h2 {
  color: #fff;
}

#hmService .rows {
  font-size: 18px;
  line-height: 1.875em;
  display: block;
  width: 100%;
  height: 9rem;
  letter-spacing: 1px;
}

#hmService .hmmore {
  margin-top: 0%;
  display: inline-block;
}

#hmService .hmmore a {
  margin: 0;
  cursor: pointer;
  display: inline-block;
}

#hmService .hmmore a.wl {
  margin-left: 10px;
}

#hmService .itemMenu {
  position: absolute;
  left: 0;
  bottom: 6.25%;
  width: 100%;
}

#hmService .itemMenu li:after,
#hmService .itemMenu li:before {
  background-color: rgba(255, 255, 255, 0.1);
}

#hmService .Ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#hmService .initial-bg {
  position: relative;
  z-index: 1;
  height: 100%;
}

#hmService .hover_slider {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#hmService .hover_slider {
  z-index: 3;
}

#hmService .hover_slider li {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.5s;
}

#hmService .hover_slider li.show {
  opacity: 1;
  z-index: 3;
}

@media only screen and (max-width:1280px) {
  #hmService .hmTitle h2 {
    font-size: 32px;
  }

  #hmService .itemMenu {
    bottom: 1%;
  }

  .itemMenu a {
    padding: 3%;
  }

  #hmService .rows {
    font-size: 14px;
    line-height: 1.5em;
  }

  #hmService .hmmore {
    margin-top: 1%;
  }
}



/*sectionMenu*/
#sectionMenu {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 3.125%;
  z-index: 8;
  width: 10px;
  transition: opacity .3s;
}

#sectionMenu li {
  position: relative;
  padding: 10px 0;
}

#sectionMenu a {
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50%;
}

#sectionMenu span {
  display: none;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  padding-left: 20px;
  font-size: 14px;
  color: #d4b572;
}

#sectionMenu span:before {
  width: 14px;
  height: 1px;
  background-color: #d4b572;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5px;
}

#sectionMenu .active a {
  background-color: #d4b572;
  border-color: #d4b572;
}

#sectionMenu .active span {
  display: block;
}

.fp-viewing-news #logo a,
.fp-viewing-5 #logo a {
  background-image: url(../images/logo_gray.png);
}

.fp-viewing-news #sectionMenu a {
  border-color: #bbb;
}

.fp-viewing-news #sectionMenu .active a {
  border-color: #d4b572;
}

.fp-viewing-5 #sectionMenu {
  opacity: 0;
}

.fullpages .section {
  display: none;
}

.fp-enabled .fp-section {
  display: block;
}


@media only screen and (max-width:1600px) {

  /*1600px*/
  #hmAbout .intro {
    float: none;
    width: auto;
    padding: 0 21.875% 0 10%;
  }

  #hmAbout .data ul {
    width: 77.5%;
    margin-left: 12.5%;
  }
}

@media only screen and (max-width:1280px) {

  /*1280px*/
  #topBtn .btn {
    width: 40px;
    height: 40px;
  }

  /*1280px*/
  #searchBox {
    margin-right: 60px;
  }

  /*1280px*/
  #nav {
    margin-right: 100px;
    padding-right: 2.83333333%;
  }

  #nav li {
    padding: 5px 2.2%;
  }

  /*1280px*/
  #need {
    width: 260px;
  }

  /*1280px*/
  #menu {
    margin-right: 260px;
  }

  #menu dl {
    padding-right: 2%;
  }

  /*1280px*/
  #search .text {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #search .input {
    margin-right: 100px;
  }

  #search .submit {
    font-size: 22px;
    width: 100px;
  }

  /*1280px*/
  #contact h2 {
    font-size: 30px;
  }

  #contact li {
    padding-left: 50px;
  }

  /*1280px*/
  .pgTitle {
    font-size: 30px;
  }

  /*1280px*/
  .videoItem h3 {
    font-size: 16px;
  }

  /*1280px*/
  #pagenavi a {
    height: 38px;
    line-height: 38px;
    min-width: 38px;
  }

  #pagenavi .a_prev,
  #pagenavi .a_next {
    width: 38px;
  }

  /*1280px*/
  #details .title h2 {
    font-size: 30px;
  }

  /*1280px*/
  #postmeta span {
    font-size: 16px;
  }

  /*1280px*/
  .back a {
    width: 150px;
    height: 40px;
    line-height: 40px;
  }

  /*1280px*/
  #postnavi {
    margin-right: 160px;
  }

  /*1280px*/
  .newsItem h3 {
    font-size: 22px;
  }

  /*1280px*/
  #newsTop .date {
    font-size: 16px;
    margin-bottom: 3.5%;
  }

  #newsTop h3 {
    font-size: 24px;
  }

  #newsTop .slick-arrow {
    width: 40px;
    height: 40px;
  }

  #newsTop .slick-arrow:after {
    width: 20%;
    padding-bottom: 30%;
    margin-left: -10%;
  }

  /*1280px*/
  #introduction h3 {
    font-size: 26px;
  }

  /*1280px*/
  #subPage a {
    width: 160px;
    height: 40px;
    line-height: 40px;
  }

  /*1280px*/
  #workTop h3 {
    font-size: 20px;
  }

  #workTop .loading {
    padding-bottom: 42.890625%;
  }

  /*1280px*/
  .workItem .pic {
    width: 300px;
  }

  /*1280px*/
  #culture .icon {
    width: 52.63157895%;
  }

  #culture h3 {
    font-size: 22px;
  }

  /*1280px*/
  #concept .icon {
    width: 80px;
  }

  #concept h3 {
    font-size: 22px;
  }

  /*1280px*/
  #about .since {
    font-size: 20px;
  }

  #about .since:after {
    font-size: 30px;
  }

  #about .title {
    padding: 0 10%;
    margin-bottom: 5.5%;
  }

  #about .cont {
    padding: 8% 10% 20%;
  }

  #about .data .info {
    font-size: 16px;
  }

  #about .data .num {
    font-size: 14px;
  }

  #about .data span {
    font-size: 32px;
  }

  #about .data li:last-child .num {
    font-size: 24px;
  }

  /*1280px*/
  #timeline .slick-load {
    margin: 0 50px;
  }

  /*1280px*/
  #timeText h3 {
    font-size: 160px;
  }

  /*1280px*/
  #cooperation .slick-load {
    margin: 0 30px;
  }

  #cooperation .list ul {
    padding: 7px;
  }

  #cooperation .logo {
    padding: 7px;
  }

  #cooperation i:hover {
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  }

  /*1280px*/
  .itemMenu li:first-child {
    font-size: 16px;
    font-weight: normal;
  }

  .itemMenu li {
    font-size: 16px;
  }

  .itemMenu i {
    width: 23.14814815%;
    padding-bottom: 23.14814815%;
  }

  .itemMenu a:after {
    width: 9.375%;
    padding-bottom: 9.375%;
  }

  /*1280px*/
  #platform .pic {
    width: 40%;
  }

  #platform .text {
    width: 48%;
  }

  #platform .title h2 {
    font-size: 30px;
  }

  #platform .title h3 {
    font-size: 16px;
  }

  /*1280px*/
  #project h3 {
    font-size: 16px;
  }

  /*1280px*/
  #hmSlides .intro {
    font-size: 22px;
  }

  #hmSlides .more a {
    width: 150px;
    height: 40px;
    line-height: 40px;
  }

  /*1280px*/
  #hmVideo .btn {
    width: 40px;
  }

  /*1280px*/
  #hmNews .date i {
    font-size: 32px;
  }

  #hmNews h3 {
    font-size: 20px;
  }

  /*1280px*/
  #hmAbout .intro {
    padding-right: 10%;
  }

  #hmAbout .hmmore {
    margin-top: 12%;
  }

  #hmAbout .data li {
    padding: 5% 0 2%;
  }

  #hmAbout .data span {
    font-size: 32px;
  }
}

@media only screen and (max-width:1024px) {

  /*1024px*/
  #header {
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .3s;
    border-bottom: 1px solid transparent;
  }

  #header.active {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9;
  }

  #header.active #logo a {
    background-image: url(../images/logo_gray.png);
  }

  /*1024px*/
  #logo {
    padding: 2.5px 0;
  }

  /*1024px*/
  #searchBox {
    padding-top: 6px;
    top: 100%;
    margin-top: 0;
  }

  #searchBox:before {
    top: 0;
  }

  #searchBox .text {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
  }

  #searchBox .submit {
    width: 44px;
  }

  #searchBox .input {
    margin-right: 44px;
  }

  /*1024px*/
  #nav {
    margin: 0;
    padding-right: 0;
    position: fixed;
    left: 0%;
    top: 81px;
    width: 100%;
    height: 100%;
    z-index: 8;
    background-color: rgba(255, 255, 255, 0.95);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
  }

  #nav.active {
    left: 0;
    display: block;
  }

  #nav.active a {
    transform: translateX(0);
    opacity: 1;
  }

  #nav ul {
    text-align: left;
    padding: 6% 10%;
  }

  #nav li {
    display: block;
    padding: 0;
    font-size: 18px;
    line-height: 2em;
    border-bottom: 1px solid rgba(228, 228, 228, 0.85);
  }

  #nav li ul {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    padding: 0;
    background-color: transparent;
  }

  #nav li li {
    border-bottom: none;
    border-top: 1px solid rgba(228, 228, 228, 0.85);
    text-align: left;
  }

  #nav li li a {
    padding: 10px 0 10px 2em;
    margin-right: 0;
  }

  #nav li li a:hover {
    background-color: transparent;
    color: #777;
  }

  #nav a {
    color: #333;
    display: block;
    margin-right: 40px;
    padding: 10px 0;
    transform: translateX(5%);
    opacity: 0;
    transition: all .5s;
  }

  #nav em {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 2;
    display: block;
    margin: 0;
    cursor: pointer;
  }

  #nav em:after {
    border-color: #333;
    width: 8px;
    height: 8px;
    margin: -7px 0 0 -5px;
  }

  #nav em.active:after {
    transform: rotate(-45deg);
    margin: -5px 0 0 -7px;
  }

  /*1024px*/
  #banner h2 {
    font-size: 26px;
  }

  /*1024px*/
  #footer {
    font-size: 14px;
  }

  #footer .top {
    padding: 7% 0;
  }

  /*1024px*/
  #need {
    width: auto;
    float: none;
    margin-bottom: 3.5%;
  }

  #need h2 {
    margin-bottom: 2%;
  }

  /*1024px*/
  #search {
    margin-bottom: 2.5%;
  }

  #search .text {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
  }

  #search .submit {
    font-size: 18px;
  }

  /*1024px*/
  #number {
    margin-bottom: 0;
    float: left;
    width: 78%;
  }

  #number p {
    font-size: 16px;
  }

  /*1024px*/
  #social {
    float: right;
  }

  #social .pc {
    display: none;
  }

  #social .wap {
    display: block;
  }

  /*1024px*/
  #menu {
    margin-right: 0;
    width: 102%;
    clear: both;
    padding-top: 3.5%;
  }

  #menu dt {
    font-size: 16px;
  }

  /*1024px*/
  #contact .pic {
    width: 55%;
  }

  #contact h2 {
    font-size: 24px;
    margin-bottom: 5.5%;
  }

  #contact li {
    padding-left: 45px;
    margin-bottom: 5%;
    background-position: 3px 4px;
  }

  #contact .addr {
    background-size: 16px auto;
    background-position: 6px 4px;
  }

  #contact .phone {
    background-size: 22px auto;
  }

  #contact .fax {
    background-size: 21px auto;
    background-position: 3.5px 4px;
  }

  #contact h3 {
    font-size: 16px;
  }

  #contact p {
    font-size: 14px;
  }

  /*1024px*/
  .pgTitle {
    font-size: 24px;
  }

  /*1024px*/
  .rpText {
    width: 43%;
  }

  .rpText .intro {
    font-size: 14px;
  }

  .rpText .pic {
    width: 116px;
  }

  /*1024px*/
  .rpForm .text,
  .rpForm .placeholder {
    font-size: 14px;
    line-height: 26px;
    height: 26px;
  }

  .rpForm .textarea {
    padding-bottom: 3.5%;
  }

  .rpForm .submit {
    height: 35px;
    font-size: 14px;
  }

  /*1024px*/
  .videoTop .rows {
    font-size: 14px;
    width: 62%;
  }

  /*1024px*/
  .videoItem h3 {
    font-size: 14px;
  }

  /*1024px*/
  #pagenavi a {
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    font-size: 14px;
  }

  #pagenavi .a_prev,
  #pagenavi .a_next {
    width: 32px;
  }

  /*1024px*/
  #details .title h2 {
    font-size: 24px;
  }

  /*1024px*/
  #postmeta span {
    font-size: 14px;
  }

  /*1024px*/
  .entry {
    font-size: 14px;
    line-height: 1.75em;
  }

  /*1024px*/
  .back a {
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }

  /*1024px*/
  #postnavi {
    margin-right: 130px;
    font-size: 14px;
  }

  /*1024px*/
  .newsItem time,
  .newsItem .excerpt {
    font-size: 14px;
  }

  .newsItem h3 {
    font-size: 18px;
  }

  /*1024px*/
  #newsTop .date {
    font-size: 14px;
  }

  #newsTop h3 {
    font-size: 20px;
  }

  #newsTop .excerpt {
    font-size: 14px;
  }

  #newsTop .arrows {
    margin-bottom: 2.5%;
  }

  #newsTop .slick-arrow {
    width: 32px;
    height: 32px;
  }

  /*1024px*/
  #introduction h3 {
    font-size: 22px;
  }

  #introduction .intro {
    font-size: 14px;
  }

  /*1024px*/
  #subPage li {
    font-size: 14px;
  }

  #subPage a {
    width: 130px;
    height: 33px;
    line-height: 33px;
  }

  /*1024px*/
  #workTop h3 {
    font-size: 18px;
  }

  #workTop .excerpt,
  #workTop .date {
    font-size: 14px;
  }

  #workTop .loading {
    padding-bottom: 44.4968533%;
  }

  /*1024px*/
  .workItem .pic {
    width: 250px;
  }

  .workItem .title {
    font-size: 20px;
  }

  .workItem .excerpt,
  .workItem .date {
    font-size: 14px;
  }

  .workItem .date i {
    font-size: 48px;
  }

  /*1024px*/
  #culture h3,
  #concept h3 {
    font-size: 20px;
  }

  #culture p,
  #concept p {
    font-size: 14px;
  }

  /*1024px*/
  #concept .text {
    padding: 0 3.125%;
  }

  #concept .icon {
    width: 70px;
  }

  /*1024px*/
  #zhengfang li {
    font-size: 14px;
  }

  /*1024px*/
  #about .inner,
  #about .text {
    display: block;
  }

  #about .title {
    padding: 0 3.125%;
    margin-bottom: 3.5%;
  }

  #about .since {
    margin-bottom: 2%;
    font-size: 18px;
  }

  #about .since:after {
    font-size: 24px;
  }

  #about .cont {
    padding: 3.125%;
  }

  #about .cont:before {
    width: 30%;
    padding-bottom: 30%;
    left: -11%;
    margin-bottom: -11.5%;
  }

  #about .intro,
  #about .data .info {
    font-size: 14px;
  }

  #about .data .num {
    font-size: 12px;
  }

  #about .data li:last-child .num {
    font-size: 20px;
  }

  /*1024px*/
  #timeText h3 {
    font-size: 130px;
  }

  #timeText .intro {
    font-size: 14px;
    max-width: 600px;
  }

  /*1024px*/
  #timeline:before {
    top: 19px;
  }

  #timeline .dot {
    margin-top: 12px;
  }

  #timeline .year {
    font-size: 16px;
  }

  #timeline .slick-load {
    margin: 0 40px;
  }

  #timeline .slick-arrow {
    width: 40px;
    height: 40px;
  }

  #timeline .slick-prev {
    left: -40px;
  }

  #timeline .slick-next {
    right: -40px;
  }

  #timeline .slick-center .year {
    font-size: 20px;
  }

  /*1024px*/
  #cooperation .slick-arrow {
    width: 40px;
    height: 40px;
  }

  /*1024px*/
  .itemMenu li {
    font-size: 14px;
  }

  .itemMenu i {
    width: 23.14814815%;
    padding-bottom: 23.14814815%;
  }

  /*1024px*/
  .itemMenu li:first-child {
    font-size: 14px;
    font-weight: normal;
  }

  #platform .pic {
    width: 43%;
  }

  #platform .text {
    width: 50%;
  }

  #platform .title h2 {
    font-size: 24px;
  }

  #platform .title h3 {
    font-size: 14px;
  }

  #platform .intro {
    font-size: 14px;
  }

  #platform .data h4,
  #platform .data p {
    font-size: 14px;
  }

  #platform .data span {
    font-size: 30px;
  }

  /*1024px*/
  #project h3 {
    font-size: 14px;
  }

  /*1024px*/
  .hmmore a {
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 17.5px;
  }

  /*1024px*/
  #hmSlides .intro {
    font-size: 20px;
  }

  /*1024px*/
  #hmVideo .text {
    font-size: 14px;
  }

  #hmVideo .btn {
    width: 35px;
  }

  /*1024px*/
  .hmTitle {
    margin-bottom: 5%;
  }

  .hmTitle h2 {
    font-size: 26px;
  }

  .hmTitle p {
    font-size: 14px;
    line-height: 1.75em;
  }

  /*1024px*/
  #hmNews .date,
  #hmNews .excerpt {
    font-size: 14px;
  }

  #hmNews .date i {
    font-size: 28px;
  }

  #hmNews h3 {
    font-size: 18px;
  }

  /*1024px*/
  #hmAbout .rows {
    font-size: 14px;
  }

  #hmAbout .hmmore {
    margin-top: 12%;
  }

  #hmAbout .data h3 {
    font-size: 16px;
  }

  #hmAbout .data span {
    font-size: 28px;
  }

  #hmAbout .data p {
    font-size: 14px;
  }

  /*1024px*/
  #hmService .rows {
    font-size: 14px;
  }
}

@media only screen and (max-width:768px) {

  /*768px*/
  #header {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  /*768px*/
  #logo {
    width: 114px;
  }

  /*768px*/
  #topBtn .btn {
    width: 30px;
    height: 30px;
  }

  /*768px*/
  #searchBox {
    right: 0;
    margin-right: 0;
    width: 100%;
    padding-top: 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  }

  #searchBox:before {
    display: none;
  }

  #searchBox .form {
    border-radius: 0;
  }

  #searchBox .text {
    border-radius: 0;
  }

  /*768px*/
  #navBtn {
    margin-left: 15px;
  }

  #navBtn i {
    height: 2px;
  }

  #navBtn i:before {
    height: 2px;
    top: -5px;
  }

  #navBtn i:after {
    height: 2px;
    bottom: -5px;
  }

  /*768px*/
  #nav {
    top: 61px;
  }

  #nav li {
    font-size: 16px;
  }

  #nav li li {
    font-size: 14px;
  }

  #nav em {
    width: 32px;
    height: 32px;
  }

  #nav em:after {
    width: 6px;
    height: 6px;
    margin: -5px 0 0 -3px;
  }

  #nav em.active:after {
    margin: -3px 0 0 -5px;
  }

  /*768px*/
  #banner .info {
    margin-top: 15px;
  }

  #banner h2 {
    font-size: 20px;
    text-align: center;
  }

  /*768px*/
  #footer .top {
    padding: 25px 0;
  }

  #footer .btm {
    padding: 15px 0;
  }

  /*768px*/
  #copyright {
    margin-right: 0;
    text-align: center;
  }

  /*768px*/
  #pagelist {
    float: none;
  }

  #pagelist ul {
    font-size: 0;
    line-height: normal;
    text-align: center;
  }

  #pagelist li {
    display: inline-block;
    padding: 0 12px;
    float: none;
    font-size: 14px;
    line-height: 1.875em;
  }

  #pagelist li:before {
    left: -0.5px;
    height: 12px;
  }

  /*768px*/
  #menu {
    display: none;
  }

  /*768px*/
  #need {
    margin-bottom: 0;
  }

  #need h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  /*768px*/
  #search {
    margin-bottom: 15px;
  }

  #search .text {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  #search .input {
    margin-right: 80px;
  }

  #search .submit {
    font-size: 16px;
    width: 80px;
  }

  /*768px*/
  #number {
    margin-bottom: 15px;
    float: none;
    width: auto;
  }

  #number li {
    width: auto;
    max-width: 48%;
  }

  #number h3 {
    font-size: 16px;
  }

  #number p {
    font-size: 14px;
  }

  /*768px*/
  #social {
    float: none;
  }

  #social ul {
    text-align: center;
  }

  #social .qr {
    width: 100px;
  }

  /*768px*/
  #breadcrumb {
    float: none;
    padding: 10px 0;
  }

  /*768px*/
  #wrapper {
    padding: 7% 0 8.5%;
  }

  /*768px*/
  #subMenu {
    margin-right: 0;
  }

  #subMenu li {
    padding: 5px 0 10px;
    font-size: 14px;
    line-height: 20px;
  }

  #subMenu li:after {
    bottom: -1px;
  }

  /*768px*/
  #contact,
  #contact .pic {
    display: block;
    width: auto;
  }

  #contact .text {
    display: block;
    padding-right: 0;
    margin-bottom: 5%;
  }

  #contact h2 {
    font-size: 22px;
    margin-bottom: 5%;
  }

  #contact li {
    padding-left: 30px;
    margin-bottom: 3.5%;
    background-position: 0 4px;
  }

  #contact .addr {
    background-size: 14px auto;
    background-position: 3px 4px;
  }

  #contact .phone {
    background-size: 20px auto;
  }

  #contact .fax {
    background-size: 19px auto;
    background-position: 0.5px 4px;
  }

  #contact h3 {
    margin-bottom: 3px;
  }

  #contact p {
    line-height: 1.75em;
  }

  /*768px*/
  .pgTitle {
    font-size: 22px;
  }

  /*768px*/
  .rpText,
  .rpForm {
    width: auto;
    float: none;
  }

  /*768px*/
  .rpText {
    margin-bottom: 20px;
  }

  .rpText .intro {
    line-height: 1.75em;
  }

  .rpText .wechat {
    margin-top: 15px;
    padding-top: 20px;
  }

  .rpText .pic {
    width: 100px;
  }

  /*768px*/
  .rpForm .text,
  .rpForm .placeholder {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .rpForm .textarea {
    padding-bottom: 4.5%;
  }

  .rpForm .submit {
    height: 32px;
  }

  /*768px*/
  #videoList {
    width: 104%;
  }

  /*768px*/
  .videoTop .pic {
    margin-bottom: 2%;
  }

  .videoTop .rows {
    position: static;
    width: auto;
    line-height: 1.75em;
    display: block;
    max-height: none;
    -webkit-line-clamp: none;
    margin-bottom: 0;
  }

  .videoTop .icon {
    width: 32%;
  }

  .videoTop a {
    color: #222;
  }

  /*768px*/
  .videoItem {
    width: 46%;
  }

  /*768px*/
  #pagenavi a {
    height: 28px;
    line-height: 28px;
    min-width: 28px;
  }

  #pagenavi .a_prev,
  #pagenavi .a_next {
    width: 28px;
  }

  /*768px*/
  #details .title {
    padding: 3.5%;
  }

  #details .title h2 {
    font-size: 18px;
    margin-bottom: 2%;
  }

  #details .back {
    float: none;
    padding: 2% 0 5%;
  }

  /*768px*/
  #postmeta span {
    font-size: 12px;
  }

  /*768px*/
  .back a {
    width: 100px;
    height: 32px;
    line-height: 32px;
  }

  /*768px*/
  #postnavi {
    margin-right: 0;
  }

  /*768px*/
  .newsItem {
    width: 46%;
  }

  .newsItem h3 {
    font-size: 16px;
  }

  /*768px*/
  #newsTop .info,
  #newsTop .pic,
  #newsTop .text {
    display: block;
    width: auto;
  }

  #newsTop .text {
    padding: 5%;
  }

  #newsTop .date {
    margin-bottom: 2.5%;
  }

  #newsTop h3 {
    font-size: 18px;
    margin-bottom: 2%;
  }

  #newsTop .excerpt {
    line-height: 1.75em;
    height: 3.5em;
    margin-bottom: 0;
  }

  #newsTop .arrows {
    position: static;
    width: auto;
    text-align: center;
    margin-bottom: 5%;
  }

  #newsTop .loading {
    padding-bottom: 127.59643917%;
  }

  /*768px*/
  #introduction .pgTitle {
    float: none;
    margin-bottom: 4.5%;
  }

  #introduction .box.cur,
  #introduction .pic {
    display: block;
    width: auto;
  }

  #introduction .text {
    display: block;
    padding: 0;
  }

  #introduction .info {
    float: none;
    width: auto;
    padding: 5%;
  }

  #introduction .info:after {
    width: 40%;
    padding-bottom: 40%;
  }

  #introduction h3 {
    font-size: 18px;
    margin-bottom: 2.5%;
  }

  #introduction .intro {
    line-height: 1.75em;
    margin-bottom: 4%;
  }

  #introduction .wechat {
    padding-top: 4.5%;
  }

  #introduction .qr {
    width: 100px;
  }

  /*768px*/
  #subPage {
    float: none;
  }

  #subPage ul {
    font-size: 0;
    line-height: normal;
    text-align: center;
    flex-wrap: wrap;
  }

  #subPage li {
    display: inline-block;
    float: none;
    padding: 1.5%;
  }

  #subPage a {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }

  /*768px*/
  #workTop .slick-load {
    width: 105.05780347%;
  }

  #workTop .pic {
    margin-bottom: 3%;
  }

  #workTop h3 {
    font-size: 16px;
    margin-bottom: 2%;
  }

  #workTop .excerpt {
    line-height: 1.75em;
    height: 3.5em;
    margin-bottom: 2.5%;
  }

  #workTop .date {
    line-height: 1.75em;
  }

  #workTop a {
    margin-right: 9.61538462%;
  }

  #workTop .slick-dots {
    margin-right: 4.81430536%;
  }

  #workTop .slick-dots li {
    padding: 0 1.5%;
  }

  #workTop .slick-dots li:first-child {
    padding-left: 3%;
  }

  #workTop .slick-dots li:last-child {
    padding-right: 3%;
  }

  #workTop .slick-dots button {
    width: 9px;
    height: 9px;
  }

  #workTop .loading {
    padding-bottom: 60.45760995%;
  }

  /*768px*/
  .workItem .td {
    display: block;
  }

  .workItem .pic {
    width: 127px;
    float: left;
  }

  .workItem .text {
    margin-left: 140px;
    overflow: hidden;
    padding: 0;
  }

  .workItem .cont {
    padding: 0;
    border-right: none;
  }

  .workItem .title {
    font-size: 16px;
    line-height: 1.5em;
    max-height: 4.5em;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
  }

  .workItem .excerpt,
  .workItem .date {
    display: none;
  }

  .workItem a {
    display: block;
    width: auto;
    overflow: hidden;
    padding: 5% 0;
  }

  /*768px*/
  #culture {
    padding: 8% 0;
  }

  #culture ul {
    display: block;
  }

  #culture li {
    width: auto;
    text-align: left;
  }

  #culture li:after {
    opacity: 1;
    width: 12px;
    padding-bottom: 12px;
  }

  #culture li:hover {
    box-shadow: none;
  }

  #culture .info {
    padding: 5%;
  }

  #culture .icon {
    width: 60px;
    margin-bottom: 0;
    float: left;
  }

  #culture .text {
    margin-left: 80px;
    overflow: hidden;
  }

  #culture h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  #culture p {
    line-height: 1.75em;
  }

  /*768px*/
  #concept {
    padding: 7% 0;
  }

  #concept .inner {
    display: block;
  }

  #concept .pic {
    display: block;
    width: auto;
  }

  #concept .text,
  #concept .intro {
    display: block;
    padding: 0;
  }

  #concept ul {
    overflow: hidden;
  }

  #concept li {
    display: block;
    width: 45%;
    float: left;
    text-align: center;
    padding: 0 2.5% 5%;
  }

  #concept .icon {
    width: 65px;
    display: block;
    margin: 0 auto 5%;
  }

  #concept h3 {
    font-size: 18px;
  }

  /*768px*/
  #zhengfang {
    padding: 8% 0;
  }

  #zhengfang .pic {
    background-size: 200% auto;
    padding-bottom: 90%;
  }

  #zhengfang li {
    position: static;
    width: auto;
    padding: 5%;
    max-width: none;
    transform: none;
    text-align: center;
    line-height: 1.75em;
  }

  #zhengfang li:nth-child(2n-1) {
    background-color: #f7f7f7;
  }

  #zhengfang .li1,
  #zhengfang .li2,
  #zhengfang .li3,
  #zhengfang .li4,
  #zhengfang .li6,
  #zhengfang .li7 {
    margin-top: 0;
  }

  #zhengfang .li5 {
    margin-top: 0;
    transform: none;
  }

  /*768px*/
  #about {
    padding: 7% 0;
  }

  #about .title {
    padding: 0 5%;
    margin-bottom: 5%;
  }

  #about .since {
    font-size: 16px;
  }

  #about .since:after {
    font-size: 22px;
  }

  #about .cont {
    padding: 5%;
  }

  #about .cont:before {
    width: 40%;
    padding-bottom: 40%;
  }

  #about .intro {
    line-height: 1.75em;
  }

  #about .data ul {
    padding: 0 2%;
    display: flex;
    justify-content: space-between;
  }

  #about .data li {
    width: auto;
    float: none;
  }

  #about .data .num {
    margin-bottom: 3px;
  }

  #about .data span {
    font-size: 24px;
    margin-right: 2px;
  }

  /*768px*/
  #history {
    padding-top: 8%;
  }

  /*768px*/
  #timeText h3 {
    font-size: 15.625vw;
    color: #efefef;
  }

  #timeText .intro {
    line-height: 1.75em;
    max-width: none;
    padding: 0 3.125%;
  }

  /*768px*/
  #timeline:before {
    top: 14px;
  }

  #timeline .dot {
    margin-top: 7px;
  }

  #timeline .year {
    font-size: 14px;
    line-height: 30px;
  }

  #timeline .slick-load {
    margin: 0 30px;
  }

  #timeline .slick-arrow {
    width: 30px;
    height: 30px;
  }

  #timeline .slick-prev {
    left: -30px;
  }

  #timeline .slick-next {
    right: -30px;
  }

  #timeline .slick-center .year {
    font-size: 16px;
  }

  /*768px*/
  #organization {
    padding: 7% 0 8%;
  }

  /*768px*/
  #cooperation {
    padding: 7% 0 8%;
  }

  #cooperation .list li {
    width: 33.333%;
  }

  #cooperation i {
    border-radius: 5px;
  }

  #cooperation .slick-arrow {
    width: 30px;
    height: 30px;
  }

  #cooperation .slick-prev {
    left: -30px;
  }

  #cooperation .slick-next {
    right: -30px;
  }

  #cooperation .slick-dots {
    margin-top: 5%;
  }

  #cooperation .slick-dots li {
    padding: 0 1.5%;
  }

  #cooperation .slick-dots button {
    width: 10px;
    height: 10px;
  }

  /*768px*/
  .itemMenu li {
    font-size: 14px;
    width: 33.333%;
  }

  .itemMenu li:before {
    width: 25%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    content: '';
    display: block;
    position: absolute;
    bottom: -0.5px;
    left: 50%;
    transform: translateX(-50%);
  }

  .itemMenu li:nth-child(3n):after {
    display: none;
  }

  .itemMenu li:nth-child(3n+1):before {
    display: none;
  }

  .itemMenu i {
    width: 30px;
    padding-bottom: 30px;
  }



  /*768px*/
  #pageMenu {
    position: static;
    margin-bottom: 0;
  }

  #pageMenu .inner {
    width: 100%;
  }

  /*768px*/
  #platform {
    padding: 7% 0 8%;
  }

  #platform .pic,
  #platform .text {
    width: auto;
    float: none;
  }

  #platform .pic img {
    width: auto;
    margin: 0 auto;
  }

  #platform .text {
    margin-bottom: 5%;
  }

  #platform .title {
    margin-bottom: 2.5%;
  }

  #platform .title h2 {
    font-size: 22px;
    margin-bottom: 0;
  }

  #platform .intro {
    line-height: 1.75em;
    margin-bottom: 5%;
  }

  #platform .data span {
    font-size: 24px;
  }

  /*768px*/
  #project {
    padding: 7% 0 8.5%;
  }

  #project .pgTitle {
    float: none;
    margin-bottom: 4.5%;
  }

  #project .list li {
    width: 46%;
  }

  /*768px*/
  .hmmore a {
    width: 100px;
    height: 32px;
    line-height: 32px;
  }

  /*768px*/
  #hmSlides h2 {
    font-size: 24px;
    text-indent: 1em;
    letter-spacing: 1em;
  }

  #hmSlides h2:after {
    margin-top: 20px;
    padding-bottom: 2px;
  }

  #hmSlides .intro {
    font-size: 16px;
    margin-top: 20px;
  }

  #hmSlides .hmmore {
    margin-top: 40px;
  }

  #hmSlides .slick-dots li {
    margin-left: 6px;
  }

  #hmSlides .slick-dots button {
    width: 20px;
    height: 3px;
  }

  /*768px*/
  #mouse {
    width: 15px;
  }

  /*768px*/
  #hmVideo .info {
    bottom: 50%;
    transform: translateY(50%);
  }

  #hmVideo .text {
    width: auto;
  }

  #hmVideo .btn {
    width: 30px;
    margin: 20% auto;
  }

  /*768px*/
  .hmTitle {
    margin-bottom: 25px;
  }

  .hmTitle h2 {
    font-size: 22px;
  }

  .hmTitle p {
    margin-top: 10px;
  }

  /*768px*/
  #hmNews .hmTitle {
    margin-bottom: 20px;
  }

  #hmNews .slick-load {
    width: 90%;
    margin: 0 auto;
  }

  #hmNews .date {
    margin-bottom: 5px;
  }

  #hmNews .date i {
    margin-bottom: 5px;
  }

  #hmNews h3 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.75em;
    height: auto;
    white-space: nowrap;
    display: block;
  }

  #hmNews .pic {
    margin-bottom: 10px;
  }

  #hmNews .item a {
    margin-right: 0;
  }

  #hmNews .slick-dots {
    margin-top: 15px;
  }

  #hmNews .hmmore {
    margin-top: 20px;
  }

  /*768px*/
  #hmAbout .item {
    float: none;
    width: auto;
    height: 42%;
  }

  #hmAbout .item:last-child {
    height: 58%;
	display: flex;
  }

  #hmAbout .hmTitle {
    text-align: center;
  }

  #hmAbout .intro {
    margin-top: 35px;
  }

  #hmAbout .rows {
    line-height: 1.75em;
    max-height: 8.75em;
  }

  #hmAbout .hmmore {
    margin-top: 5%;
  }

  #hmAbout .hmmore a {
    margin: 0 auto;
  }

  #hmAbout .data li {
    padding: 3% 0;
  }

  #hmAbout .data h3 {
    font-size: 14px;
  }

  #hmAbout .data span {
    font-size: 24px;
  }

  #hmAbout .data p {
    font-size: 12px;
  }

  /*768px*/
  #hmService .inner {
    height: 50%;
    margin-top: -15%;
  }

  #hmService .text {
    width: auto;
    float: none;
  }

  #hmService .hmTitle {
    margin-bottom: 5.5%;
    text-align: center;
  }

  #hmService .rows {
    line-height: 1.75em;
  }

  #hmService .hmmore a {
    margin: 0 auto;
  }

  #hmService .itemMenu {
    bottom: 60px;
    margin-bottom: 3.125%;
  }

  /*768px*/
  #sectionMenu {
    left: 2.125%;
  }

  #sectionMenu li {
    padding: 6px 0;
  }

  #sectionMenu a {
    width: 6px;
    height: 6px;
  }

  #sectionMenu .active span {
    display: none;
  }
}

@media only screen and (max-width:480px) {

  /*480px*/
  #workTop .slick-load {
    width: auto;
  }

  #workTop a {
    margin-right: 0;
    padding: 3.125%;
  }

  #workTop .slick-dots {
    margin-right: 0;
  }

  #workTop .loading {
    padding-bottom: 113.24428868%;
  }
}

#subLcid {
  text-align: center;
  padding-bottom: 2%
}

#subLcid li {
  display: inline-block;
  padding: 5px;
  line-height: 40px;
  position: relative;
}

#subLcid li a {
  display: inline-block;
  padding: 0px 20px;
  background: #eee
}

#subLcid li.cur a {
  color: #fff;
  background: #e60027
}

@media only screen and (max-width:640px) {
  #subLcid li {
    font-size: 14px;
    line-height: 24px;
  }
}

#subLcid ul li .subnav {
  position: absolute;
  left: 0;
  top: 100%;
  width: 129%;
  display: none;
}

#subLcid ul li .subnav li a {
  color: #fff;
  background: #e60027
}

.px_pic {
  text-align: center;
  padding-bottom: 2%
}


/*20220331*/
.sub_title {
  font-size: 36px;
  font-weight: normal;
  line-height: 1.5em;
  padding-bottom: 1%
}

.business_module {
  padding: 3% 0
}

.business_module .sub {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.5em;
  padding-bottom: 2%
}

.business_module .module {
  padding: 3% 0;
}

.business_module .infobox {
  color: #666;
}

.business_module .picvideo img,
.business_module .picvideo video {
  width: 100%
}

.business_module .fl_fr .infobox {
  float: left;
  width: 50%;
}

.business_module .fl_fr .picvideo {
  float: right;
  width: 40%;
}

.business_series {
  padding: 3% 0;
  background-color: #f7f7f7;
}

.business_series .list {
  padding-top: 2%
}

.business_series .list ul {
  width: 104.16666667%;
  overflow: hidden;
}

.business_series .list li {
  float: left;
  width: 29.33333333%;
  padding-right: 4%;
  padding-bottom: 4.66666667%;
}

.business_series .list .pic {
  margin-bottom: 4.54545455%;
}

.business_series .list .pic .bg {
  padding-bottom: 60%;
  transition: all .3s;
}

.business_series .list a {
  color: #222;
  display: block;
  overflow: hidden;
  position: relative
}

.business_series .list a:hover {
  color: #e60027;
}

.business_series .list a:hover .bg {
  transform: scale(1.1);
}

.business_series .list h3 {
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  line-height: 1.77777778em;
}

.business_series .list .info {
  z-index: 5;
  font-size: 14px;
  display: none;
  position: absolute;
  width: 90%;
  height: 90%;
  top: 0;
  padding: 5%;
  color: #fff;
  background: rgba(0, 0, 0, 0.5)
}

.business_series .list .txt {
  line-height: 20px;
  position: absolute;
  width: 90%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.business_series .list li a:hover .info {
  display: block;
}

@media only screen and (max-width:768px) {
  .sub_title {
    font-size: 22px;
  }

  .business_module .sub {
    font-size: 18px;
  }

  .business_series .list li {
    width: 46%;
  }
}

#project.slickproject .list ul {
  width: 100%
}

#project.slickproject .list li {
  float: none;
  width: 100%;
  padding-right: 0
}

#project.slickproject .list li a {
  max-width: 90%;
  margin: auto
}

#project.slickproject .list .slick-dots {
  text-align: center
}

#project.slickproject .list .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px 5px;
  padding: 0;
  background: #eee;
  border-radius: 100px
}

#project.slickproject .list .slick-dots li.slick-active {
  background: #e60027
}

#project.slickproject .list .slick-dots li button {
  display: none
}

#project.slickproject .list .slick-arrow {
  z-index: 10;
  position: absolute;
  top: 33%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #fff;
}

#project.slickproject .list .slick-arrow:after {
  width: 14%;
  padding-bottom: 26%;
  background: no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -7%;
}

#project.slickproject .list .slick-arrow:hover {
  background-color: #e60027;
}

#project.slickproject .list .slick-arrow:hover:after {
  background-position: 0 100%;
}

#project.slickproject .list .slick-prev {
  left: 0px;
}

#project.slickproject .list .slick-prev:after {
  background-image: url(../images/arrow_prev.png);
}

#project.slickproject .list .slick-next {
  right: 0px;
}

#project.slickproject .list .slick-next:after {
  background-image: url(../images/arrow_next.png);
}

#fontList {
  padding-bottom: 3%
}

#fontList li {
  padding: 1% 0;
  border-bottom: solid 1px #ddd
}

#fontList li time {
  float: right;
  color: #999
}


#hmVideoNew video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#hmService .item_nav {
  display: none;
}

#hmService .item_nav.show {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4%
}

#hmService .item_nav li {
  padding-left: 0px;
  margin-right: 5%;
}

#hmService .item_nav a {
  display: block;
  overflow: hidden;
  background-color: #ebebeb;
  color: #666;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  background-color: rgba(255, 255, 255, 0.5);
}

#hmService .item_nav a:hover {
  background-color: #e60027;
  color: #fff;
}

#hmAbout .pic .Ispic {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  
}

#hmAbout .pic .Ispic video {
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}


@media only screen and (max-width: 768px) {

  /*768px*/
  #hmService .item {
    padding-top: 3%;
  }

  #hmService .item_nav.show {
    flex-wrap: wrap;
  }

  #hmService .item_nav li {
    padding-left: 0px;
    margin-right: 0%;
  }

  #hmService .item_nav a {
    width: max-content;
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 32px;
    margin-right: 5px;
    margin-bottom: 5px;
  }

}